body,div,p{
	padding: 0;
	margin: 0;
	outline:none;
}
ul,li{list-style: none;}
html{font-size: 625%;}
body{font-size:.14rem ;height: 100%;}
.header{height: .5rem;
		background: #18B4ED;
		text-align: center;
		line-height: .5rem;
		font-size: .2rem;
}
.showBox{
		position: fixed;
		top: .5rem;
		left: 0;
		bottom: .7rem;
		width: 100%;
		height: auto;
		background: #FFFFCC;
}
.nav{display:-webkit-box;
	 padding-top: .1rem;
	 width: 100%;
     background: #18B4ED; 
     height: .7rem;
     position: absolute;
     bottom: 0; 
}
.showU{
	padding: .1rem;
	display: -webkit-box;
	border: .01rem solid #999;
}	
.showU img{width: .6rem;
		  height: .6rem;
		  border-radius: 50%;
		  -webkit-box-flex: 1;  
}
.showU .title{
		padding-left:.1rem ;
		-webkit-box-flex: 1; 
}
.showU p{font-size: .18rem;
		 line-height: .3rem;
}
.showU li{font-size: .12rem;
 		  color: #666;
 		  line-height: .16rem;
 }
.showU span{
	width: .8rem;
	height: .26rem;
	border-radius: 5rem;
	background: #18B4ED;
	display:inline-block;
	-webkit-box-flex: 1;
	font-size: .12rem;
	text-align: center;
	line-height: .26rem; 
}
.btn{
	width:100%;
	text-align: center;
	display: -webkit-box;
}
.btn div{
	border: .01rem dashed #c3c3c3;
	-webkit-box-flex: 1;
}
.btn li{
	line-height: .24rem;
}
.btn li:nth-child(2){
	color: red;
}
.deti div:nth-child(1){
	line-height: .4rem;
	text-indent: .2rem;
	color: blue;
	border-bottom: .01rem solid #C3C3C3;
}
.deti div{
	width: 100%;
	padding-left: .2rem;
	line-height: .4rem;
	display: -webkit-box;
}
.deti p{
	-webkit-box-flex: 8;
	width: 80%;
}
.deti span{
	-webkit-box-flex: 2;
	display: block;
	width: 20%;
	font-size: .2rem;
}	

.nav div{
	-webkit-box-flex: 1; 
	text-align: center;
}
.nav li{font-size:.34rem ;}
.nav span{line-height: .26rem;font-size:.16rem ;}
.nav div:nth-child(1){color: blue;}
